
/* tabs */
.tabs { list-style: none; padding-left: 0; border-bottom: 1px solid #F4F4F4; }
.tabs li { display: inline; margin: 0; font-weight: bold; }
.tabs a:link, .tabs a:visited  { padding: 2px 15px; display: inline-block; display: -moz-inline-box;
	background: #F4F4F4; border: solid #F4F4F4; border-width: 1px 1px 0 1px;}
.tabs a:hover { text-decoration: none; }
.tabs .selected { color: #000; font-weight: bold; }
.tabs .selected a:link, .tabs .selected a:visited { color: #000; background: #FFF; }

/* toolbars */
span.toolbar { margin-bottom: .1em; float: left; }
span.toolbar a { border: 1px solid #D3D7CF; background-color: #FFF; color: #333; padding: 0 .3em; margin-right: .2em; }
span.toolbar a:hover { border: 1px outset #D3D7CF; text-decoration: none; background-color: #F4F4F4; color: #333; }
span.toolbar .separator { padding-right: .5em; background: transparent; padding-left: 0; }

/** messaging */
#message { /*position: fixed; top: 1em; right: 1em;*/ margin: 0 auto 1em; max-width: 30em; padding: .2em 2em;
	font-weight: bold; text-align: center; background: #FD4; color: #333; }
#message.notice { background: #E3F4D7; color: #305F03; border: 1px solid #4E9A06; }
#message.error  { background: #F4D7D7; color: #A40000; border: 1px solid #A40000; }
#message.notice span { background: url(/img/css/message-notice.png) no-repeat; padding-left: 24px; }
#message.error  span { background: url(/img/css/message-error.png)  no-repeat; padding-left: 24px; }

/* in place editor */
.editable form     { margin: 0; text-align: right; }
.editable textarea { margin: 0; padding: 0; width: 100%; }
.editable input[type=submit] { font-weight: normal; font-size: .833em; }
.editable .cancel  { color: #F00; font-size: .833em; margin-right: 1.167em; }

